<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--360浏览器优先以webkit内核解析-->


    <title>H+ 主页示例</title>

    <link rel="shortcut icon" href="${pageContext.request.contextPath}/houtai/favicon.ico"> <link href="${pageContext.request.contextPath}/houtai/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/houtai/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="${pageContext.request.contextPath}/houtai/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/houtai/css/style.css?v=4.1.0" rel="stylesheet">
    <style>
        .touxiang img {
            margin: 1px;
            width: 250px;
        }
    </style>

</head>

<body class="gray-bg">
    <div class="row  border-bottom white-bg dashboard-header">
        <div class="col-sm-4">
        	 <div class="touxiang text-center">
        	<img src="${pageContext.request.contextPath}/houtai/img/weixin.png" />
        	</div>
        	</div>
        	<div class="col-sm-8">
            <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h3>个人信息</h3>
                    </div>
                    <div class="ibox-content no-padding">
                        <div class="panel-body">
                            <div class="panel-group" id="version">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h4>作者信息 <code class="pull-right">2017.04.28</code></h4>
                                    </div>
                                        <div class="panel-body">
                                           <table class="table">
												<thead>
													<tr>
														<th>基本信息</th>
														<th>系统信息</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>
															<i class="fa fa-user"></i>
															作者：何景超
														</td>
														<td>JAVA</td>
													</tr>
													<tr>
														<td>
															<i class="fa fa-qq"></i>
															QQ：<a href="http://wpa.qq.com/msgrd?v=3&uin=1047606398&site=qq&menu=yes" target="_blank">1047606398</a>
														</td>
														<td>MySql</td>
													</tr>
													<tr>
														<td>
															<i class="fa fa-weixin"></i>
															微信：<a href="img/weixin.png" target="_blank">chao1047606398</a>
														</td>
														<td>Tomcat</td>
													</tr>
													<tr>
														<td><i class="fa fa-send-o"></i>
															 链接：<a href="http://www.baidu.com/" target="_blank">www.baidu.com</a>
														</td>
														<td>广州白云工商高级技工学校</td>
													</tr>
												</tbody>
											</table>
                                    </div>
                             
                            </div>
                        </div>
                    </div>
                </div>
        	</div>
    </div>
    </div>
      <!--
    	作者：1047606398@qq.com
    	时间：2017-04-28
    	描述：下半身开始
    -->
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>采用技术</h5>
                    </div>
                    <div class="ibox-content">
                    <table class="table">
                        <tr>
                        <td> 前端：</td>
                        <td>bootstrap，jquery，Html+Css，Javascript，json</td>
                        </tr>
                         <tr>
                        <td>后台：</td>
                        <td> Spring，Hibernate，SpringMVC </td>
                        </tr>
                         <tr>
                        <td> 数据库：</td>
                        <td>MySql</td>
                        </tr>
                         <tr>
                        <td> web服务器：</td>
                        <td>Tomcat</td>
                        </tr>
                        
                    </table>
                        
                    </div>
                </div>
            </div>
            
     
            
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>更新日志</h5>
                    </div>
                    <div class="ibox-content no-padding">
                        <div class="panel-body">
                            <div class="panel-group" id="version">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h5 class="panel-title">
                                                <a data-toggle="collapse" data-parent="#version" href="#v41">
                                                	更新日志</a>
                                                	<code class="pull-right">2017.05.05</code>
                                            </h5>
                                    </div>
                                    <div id="v41" class="panel-collapse collapse in">
                                        <div class="panel-body">
                                            <div class="alert alert-warning">更新日志</div>
                                            <ol>
                                                <li>添加系列图标</li>
                                                <li>修复一些小细节</li>
                                                <li>啦啦啦啦啦啦</li>
                                                <li>123123123123</li>
                                               
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h5 class="panel-title">
                                                <a data-toggle="collapse" data-parent="#version" href="#v40">更新日志</a>
                                                <code class="pull-right">2017.04.28</code>
                                            </h5>
                                    </div>
                                    <div id="v40" class="panel-collapse collapse">
                                        <div class="panel-body">
                                            <ol>
                                               <li>呵呵呵呵呵呵</li>
                                                <li>哈哈哈哈哈</li>
                                                <li>啦啦啦啦啦啦</li>
                                                <li>123123123123</li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                               
                            </div>
                        </div>
                    </div>
                </div>
            </div>
           
        </div>
    </div>
   
    <!-- 全局js -->
    <script src="${pageContext.request.contextPath}/houtai/js/jquery.min.js?v=2.1.4"></script>
    <script src="${pageContext.request.contextPath}/houtai/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="${pageContext.request.contextPath}/houtai/js/plugins/layer/layer.min.js"></script>

    <!-- 自定义js -->
    <script src="${pageContext.request.contextPath}/houtai/js/content.js"></script>

    
</body>

</html>
